.friend{
	background-color: #F3F3F3;
	.friend_box{
		.friend_box_img{
			position: relative;
			.img{
				width: 100%;
				height: 1480rpx;
				margin-top: -80rpx;
			}
			.liji{
				width: 650rpx;
				height: 88rpx;
				background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
				border-radius: 44rpx 44rpx 44rpx 44rpx;
				opacity: 1;
				font-size: 34rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
				text-align: center;
				line-height: 88rpx;
				    position: absolute;
				    top: 83%;
				    left: 7%;
			}
		}
		.friend_box_bottom_a{
			width: 650rpx;
			// height: 420rpx;
			background-color: #fff;
			border-radius: 44rpx 44rpx 44rpx 44rpx;
			margin: 0 auto;
			padding: 76rpx 30rpx 30rpx 30rpx;
			position: relative;
			margin-bottom: 62rpx;
			.imgs{
				width: 374rpx;
				height: 80rpx;
				position: absolute;
				    top: -21rpx;
				    left: 25%;
			}
			.zhong{
				image{
					    width: 100%;
					    height: 250rpx;
				}
			}
			.yaoqing{
				width: 650rpxpx;
				height: 176rpx;
				background: #99E2C7;
				border-radius: 12rpx 12rpx 12rpx 12rpx;
				
				margin: 20rpx 0;
				display:flex;
				justify-content: space-evenly;
				    align-items: center;
				.yaoqing_left{
					display: flex;
					align-items: center;
					.yaoqing_left_img{
						display: flex;
						image{
							width: 84rpx;
							height: 84rpx;
							// background: linear-gradient(180deg, #00DF25 0%, #0EA970 100%);
							// opacity: 1;
						}
					}
					.yaoqing_left_renshu{
						    margin-left: 20rpx;
						.text1{
							font-size: 28rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #3D3D3D;
						}
						.text2{
							display: grid;
							font-size: 52rpx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #333333;
						}
					}
				}
				.yaoqing_zhong{
					width: 4rpx;
					height: 82rpx;
					background: linear-gradient(180deg, rgba(12,176,103,0) 0%, #0CAF68 49%, rgba(13,174,105,0) 100%);
					border-radius: 4rpx 4rpx 4rpx 4rpx;
					opacity: 1;
				}
				.yaoqing_right{
					// width: 40%;
					display: flex;
					align-items: center;
					.yaoqing_right_img{
						image{
							width: 84rpx;
							height: 84rpx;
							
						}
					}
					.yaoqing_right_youhui{
						// display: flex;
						margin-left: 20rpx;
						.text1{
							font-size: 28rpx;
							font-family: Source Han Sans CN-Regular, Source Han Sans CN;
							font-weight: 400;
							color: #3D3D3D;
						}
						.text2{
							display: grid;
							display: grid;
							font-size: 52rpx;
							font-family: Source Han Sans CN-Medium, Source Han Sans CN;
							font-weight: 500;
							color: #333333;
						}
					}
				}
			}
		}
		.friend_box_bottom{
			width: 650rpx;
			height: 420rpx;
			background-color: #fff;
			border-radius: 44rpx 44rpx 44rpx 44rpx;
			margin: 0 auto;
			padding: 76rpx 30rpx 30rpx 30rpx;
			position: relative;
			margin-bottom: 62rpx;
			.imgs{
				width: 374rpx;
				height: 80rpx;
				position: absolute;
				    top: -21rpx;
				    left: 25%;
			}
			.friend_yaoqing{
				display: flex;
				    justify-content: space-between;
				    align-items: center;
				text{
					font-size: 28rpx;
					font-family: Source Han Sans CN-Medium, Source Han Sans CN;
					font-weight: 500;
					color: #3D3D3D;
				}
				
			}
			.scroll-view{
				height: 300rpx;
				.friend_yaoqing_a{
					display: flex;
					    justify-content: space-between;
					    align-items: center;
						padding: 20rpx 0 10rpx 0;
					text{
						font-size: 24rpx;
						font-family: Source Han Sans CN-Medium, Source Han Sans CN;
						font-weight: 500;
						color: #999999;
					}
					.text2{
						margin-left: 22rpx;
						width: 192rpx;
					}
					.text1{
						margin-right: 40rpx;
						color: #0EA970;
					}
					.text3{
						width: 150rpx;
					}
					.items{
						color: #FF8F1F;
					}
				}
			}
			.shuju{
				font-size: 24rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #999999;
				text-align: center;
				    margin-top: 40rpx;
			}
			scroll-view ::-webkit-scrollbar {  
				    display: none !important;  
				    width: 0 !important;  
				    height: 0 !important;  
				    -webkit-appearance: none;  
				    background: transparent;  
				}

			
		}
	}
}
